<template>
  <div>
    <el-container>
      <el-header class="el-header">
        <Header></Header>
      </el-header>
      <el-container>
        <el-aside width="225px">
          <Aside></Aside>
        </el-aside>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>

  </div>
</template>

<script>
    import Header from "../components/Header";
    import Aside from "../components/Aside";

    export default {
      name: "layout",
      components:{
        Header,
        Aside,
      },
    }
</script>

<style scoped>
  .el-header {
    /* padding: 0 20px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }


</style>
